{include file="public/header" /}
    <!--为什么要匹配律师标题部分开始-->
{volist name="ret" id="vo"}
{if condition="$key eq 0"}
    <div class="layui-fluid layui-margin-bottom-100 wow bounceInLeft" data-wow-duration='1.2s'>
        <div class="layui-row">
            <div class="layui-col-md12  layui-text-center layui-one">
                <span class="layui-padding layui-boder-b">{$vo.title}</span>
            </div>
        </div>
        <div class="layui-row" style="margin-top: 60px;">
            <div class="layui-col-md12  layui-text-center layui-two">
                <span class="">{$vo.generalize}</span>
            </div>
        </div>
    </div>
    <!--为什么要匹配律师标题部分结束-->
    <!--为什么要匹配律师内容部分开始-->
    <div class="layui-container layui-margin-bottom-100 wow bounceInRight" data-wow-duration='1.2s'>
        <div class="layui-row layui-col-space30">
            <div class="layui-col-md6">
                <div class="why-match-content">
                    {$vo.content}
                    <button class="layer-form-wraper-btn">立即咨询</button>
                </div>
            </div>
            <div class="layui-col-md6">
                <div class="why-match-pic"></div>
            </div>
        </div>
    </div>
{/if}
{/volist}
    <!--为什么要匹配律师内容部分结束-->

    <!--风雨同舟 共同成长标题部分开始-->
{volist name="ret" id="vo"}
{if condition="$key eq 1"}
    <div class="match-layer-bg1 bg-color-gray">
        <div class="layui-fluid layui-margin-bottom-100 wow bounceInLeft" data-wow-duration='1.2s'>
            <div class="layui-row">
                <div class="layui-col-md12  layui-text-center layui-one">
                    <span class="layui-padding layui-boder-b">{$vo.title}</span>
                </div>
            </div>
            <div class="layui-row" style="margin-top: 60px;">
                <div class="layui-col-md12  layui-text-center layui-two">
                    <span class="">{$vo.generalize}</span>
                </div>
            </div>
        </div>
        <!--风雨同舟 共同成长标题部分结束-->
        <div class="layui-container wow zoomIn" data-wow-duration="1.5">
            <div class="layui-row layui-col-space20">
                {volist name="$vo.son" id="vo2"}
                <div class="layui-col-md4">
                    <div class="match-layer-card">
                        <div class="match-layer-card-left">
                            <img src="{$vo2.thumb}" alt="">
                        </div>
                        <div class="match-layer-card-right">
                            <h2>{$vo2.title}</h2>
                            {$vo2.content}
                        </div>
                    </div>
                </div>
                {/volist}
            </div>
        </div>
    </div>
{/if}
{/volist}
    <!--风雨同舟 共同成长内容部分结束-->

    <!--匹配律师流程标题部分开始-->
{volist name="ret" id="vo"}
{if condition="$key eq 2"}
    <div class="layui-fluid layui-margin-bottom-100 wow bounceInLeft" data-wow-duration='1.2s'>
        <div class="layui-row">
            <div class="layui-col-md12 layui-text-center layui-one">
                <span class="layui-padding layui-boder-b text-color-black">{$vo.title}</span>
            </div>
        </div>
        <div class="layui-row" style="margin-top: 60px;">
            <div class="layui-col-md12 layui-text-center layui-two">
                <span class="text-color-black">{$vo.generalize}</span>
            </div>
        </div>
    </div>
    <!--匹配律师流程标题部分开始-->
    <!--匹配律师流程内容部分开始-->
    <div class="layui-container layui-margin-bottom-100 wow bounceInRight" data-wow-duration='1.2s'>
        <div class="layui-row">
            <div class="layui-col-md12">
                <div class="match-layer-end">
                    <span class="match-layer-end-item">线上发布案件</span>
                    <span class="match-layer-end-item">律师下线竞标</span>
                    <span class="match-layer-end-item">平台审核</span>
                    <span class="match-layer-end-item">竞标文件</span>
                    <span class="match-layer-end-item">确定人选</span>
                    <span class="match-layer-end-item">线下约谈</span>
                    <span class="match-layer-end-item">确定能力</span>
                </div>
            </div>
        </div>
    </div>
{/if}
{/volist}
    <!--匹配律师流程内容部分结束-->
{include file="public/footer" /}